Ниспадающий список выбора (Select) описывается посредством использования тега <SELECT>. Причем каждый из доступных предлагаемых вариантов должен быть определен тегом <OPTION>.
Существует возможность создания списков, позволяющих выбирать несколько вариантов. Для этих целей следует использовать атрибут Multiple тега <SELECT>.
Еще одной особенностью, которую следует учитывать при работе с элементом Select, является факт статичности вариантов выбора. Это означает, что начальное определение элемента остается неизменным на протяжении всего сеанса работы. Невозможно вносить коррективы или изменять число предлагаемых вариантов.
Элемент управления Select имеет большой набор свойств, приведенных ниже.
Form. Данное стандартное свойство элементов управления позволяет сослаться на родительскую форму, что обеспечивает доступ к ее свойствам.
Length. Свойство позволяет определить количество элементов, отображенных в списке выбора, совпадающее с числом тегов <OPTION> и количеством элементов в массиве Options, речь о котором пойдет ниже.
Name. Свойство возвращает имя элемента управления Select, заданное посредством атрибута Name его одноименного тега. Данное свойство предназначено для чтения и возвращает пустую строку, если атрибут Name отсутствует.
Selectlndex. Это свойство позволяет установить индекс выбранного элемента массива Options. Следует учитывать, что нумерация элементов начинается с нуля.
Options. Данное свойство позволяет сослаться на набор Options, который содержит массив элементов списка выбора. Иначе говоря, элементами массива являются предлагаемые варианты, каждый из которых заключен в теге <OPTION>.
Объект Options, в свою очередь, также имеет свои свойства.
DetaultSelected. Свойство служит для определения элемента, выбранного по умолчанию. HTML-код позволяет создать вариант выбора по умолчанию посредством атрибута SELECTED тега <OPTION>. Если при описании SELECTED не использовался, значит свойство DefaultSelected возвращает False, в противном случае True.
Length. Данное свойство аналогично одноименному свойству объекта Select.
Selected. Значение этого свойства - нуль либо единица в зависимости от того, выбран данный элемент или нет. Это свойство очень удобно использовать при работе с возможностью множественного выбора. В этом случае, последовательно анализируя свойство Selected для каждого из элементов массива, можно выявить все отмеченные варианты.
В операциях сравнения значение свойства Selected можно рассматривать как Boolean, если только не прибегать к явному указанию значений True и False.
Selectedlndex. Данное свойство набора Options идентично одноименному свойству объекта Select. Однако необходимо учитывать, что при множественном выборе Selectedlndex возвращает лишь индекс первого элемента из выбранных.
Text. Свойство позволяет определить строковое значение, установленное тегом <OPTIONS>. Вообще говоря, именно из этих строк и состоит ниспадающий список выбора.
Два события, определенных над встроенным элементом управления Select, приведены ниже.
OnFocus. Генерируется при активизации списка выбора. Вызов метода Focus не приводит к возникновению события OnFocus.
OnChange. Данное событие генерируется при выборе глобого другого элемента из ниспадающего списка.
Также элемент управления Select поддерживает два метода.
Blur. Позволяет деактивизировать элемент, то есть лишить его фокуса. Однако неизвестно, какой элемент станет активным после вызова данного метода. В связи с этим считается более логичным и последовательным передать фокус явно одному из неактивных элементов управления.
Focus. Данный метод позволяет передать фокус элементу Select без генерирования события OnFocus.
Приведенный ниже пример (листинг) иллюстрирует использование списка выбора при работе простейшего калькулятора. Для работы калькулятора заведены три поля ввода, один список выбора и две кнопки. Два первых поля ввода позволяют задать необходимые операнды. Список выбора дает возможность указать требуемую операцию. Первая кнопка, Calculate, обеспечивает вывод результата вычислений в третьем поле ввода. Кнопка Clear приводит форму в исходное состояние.
Листинг.Использование списка выбора